<template>
  <div class="relogin flex-space-center">
    <div class="message">
      登陆信息已过期，请重新登陆！
    </div>
    <van-button color="#EB3953" @click="reLogin">重新登陆</van-button>
  </div>
</template>

<script>
  export default {
    name: "relogin",
    data() {
      return {

      };
    },
    methods: {
      reLogin(){
        if (this.$systemInfo()==='android'){
          window.android.toLogin();
        }else if(this.$systemInfo()==='ios') {
          localStorage.clear();
          window.webkit.messageHandlers.toLogin.postMessage(null);
        }
      }
    }
  }
</script>

<style lang="less" scoped>
  @import (reference) url(../../assets/less/common);
  .relogin{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    flex-direction: column;
    .message{
      font-size: @fontSize30;
      font-weight: @fontWeight400;
      font-family: @fontFamily500;
      color:#ffffff;
      margin-bottom: 2rem;
    }
    .van-button{
      font-size: 0.56rem;
      font-weight: @fontWeight400;
      font-family: @fontFamily500;
      height: 1rem;
      line-height: 1rem;
      width:50% ;
    }
  }


</style>
